<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/zytop.css" />
		<link rel="stylesheet" type="text/css" href="css/lwpj.css" />
		<link rel="stylesheet" type="text/css" href="css/zyfooter.css" />
		<style type="text/css">
			.qglist {
				display: none;
			}
			
			.qgtitle:hover .qglist {
				display: block;
			}
			/*头部样式*/
			
			#qg {
				border-bottom: 2px solid black;
			}
		</style>
	</head>

	<body>
		<div id="qg">
			<div id="index_topbar">
				<div class="content">
					<p class="welcome">欢迎来到黑科技</p>
					<div class="menu">
						<a target="_blank" href="zy_help.html" class="item">帮助中心</a>
						<span class="divi">|</span>
						<a href="dingdan.html" class="item">我的订单</a>
						<span class="divi">|</span>
						<a id="gouwuche" href="#" class="item">购物车</a>
						<span class="divi">|</span>
						<a target="_blank" href="" class="item">APP下载</a>
						<span class="divi">|</span>
						<a target="_blank" href="" class="item">校园招聘</a>
					</div>
					<div class="login">
						<a href="javascript:;" class="link">登录</a>
						<span class="divi">|</span>
						<a href="javascript:;" class="link">注册</a>
					</div>
				</div>
			</div>
			<!--top结束-->
			<div id="index_header">
				<a class="logo" href="javascript:;">
					<img src="img/zhuye/logo.jpg" />
				</a>
				<a class="slogan" href="javascript:;">
					<img src="img/zhuye/slogan1.png" />
				</a>
				<div id="searchbar">
					<span class="name">热门搜索:</span>
					<a href="javascript:;" class="item">小米</a>
					<div style="clear: both;"></div>
					<div class="searchinput">
						<input type="text" id="input" value="iphone6s 32GB" />
						<a href="javascript:;" id="btn">搜索</a>
					</div>
					<div style="clear: both;"></div>
					<a href="javascript:;" class="item">红米4</a>
					<a href="javascript:;" class="item">红米4A</a>
					<a href="javascript:;" class="item">三星s7edge</a>
					<a href="javascript:;" class="item">苹果7</a>
				</div>
			</div>
			<!--searchbar结束-->
			<div id="index_menu">
				<h2 class="title qgtitle">全部商品分类
					<ul class="list qglist">
					<li>
						<h2 class="phone1">手机专区</h2>
				<div class="phonelist">
					<p>
						<a href="javascript:;">华为</a>
						<a href="javascript:;">苹果</a>
						<a href="javascript:;">三星</a>
						<a href="javascript:;">oppo</a>
					</p>
					<p>
						<a href="javascript:;">vivo</a>
						<a href="javascript:;">荣耀</a>
						<a href="javascript:;">魅族</a>
						<a href="javascript:;">小米</a>
					</p>
				</div>
				<div class="box">
					<div style="overflow: hidden;">
						<a target="_blank" href="javascript:;" class="item">苹果 iPhone 7</a>
						<a target="_blank" href="javascript:;" class="item">苹果 iPhone 7plus</a>
						<a target="_blank" href="javascript:;" class="item">苹果 iPhone 6s</a>
					</div>
					<ul>
						<li>
							<p class="kind">特色手机</p>
							<div class="nav">
								<a href="javascript:;">精品推荐</a>
								<a href="javascript:;">最新机型</a>
								<a href="javascript:;">热销千元</a>
								<a href="javascript:;">双卡双待</a>
								<a href="javascript:;">个性潮机</a>
								<a href="javascript:;">老人最爱</a>
							</div>
						</li>
						<div style="clear: both;"></div>
						<li>
							<p class="kind">价格区间</p>
							<div class="nav">
								<a href="javascript:;">1-499</a>
								<a href="javascript:;">500-999</a>
								<a href="javascript:;">1000-1999</a>
								<a href="javascript:;">2000-2999</a>
								<a href="javascript:;">3000-3999</a>
								<a href="javascript:;">4000-4999</a>
								<a href="javascript:;">5000以上</a>
							</div>
						</li>
						<div style="clear: both;"></div>
						<li>
							<p class="kind">网络制式</p>
							<div class="nav">
								<a href="javascript:;">4G全网通</a>
								<a href="javascript:;">移动联通双4G</a>
								<a href="javascript:;">移动4G</a>
								<a href="javascript:;">联通4G</a>
								<a href="javascript:;">电信4G</a>
								<a href="javascript:;">电信3G</a>
								<a href="javascript:;">2G（移动2G/联通2G）</a>
							</div>
						</li>
					</ul>
				</div>
				</li>
				<li>
					<h2 class="phone2">智能专区</h2>
					<div class="phonelist">
						<p>
							<a href="javascript:;">智能手表</a>
							<a href="javascript:;">智能手环</a>
							<a href="javascript:;">智能眼镜</a>
						</p>
						<p>
							<a href="javascript:;">智能机器人</a>
							<a href="javascript:;">无人机</a>
							<a href="javascript:;">投影仪</a>
						</p>
					</div>
					<div class="box">
						<div style="overflow: hidden;">
							<a target="_blank" href="javascript:;" class="item">苹果 iPhone 7</a>
							<a target="_blank" href="javascript:;" class="item">苹果 iPhone 7plus</a>
							<a target="_blank" href="javascript:;" class="item">苹果 iPhone 6s</a>
						</div>
						<ul>
							<li>
								<p class="kind">智能手表</p>
								<div class="nav">
									<a href="javascript:;">华为</a>
									<a href="javascript:;">小米</a>
									<a href="javascript:;">唯动</a>
									<a href="javascript:;">乐心</a>
									<a href="javascript:;">幻响</a>
								</div>
							</li>
							<div style="clear: both;"></div>
							<li>
								<p class="kind">智能手环</p>
								<div class="nav">
									<a href="javascript:;">华为</a>
									<a href="javascript:;">摩托罗拉</a>
									<a href="javascript:;">小天才</a>
									<a href="javascript:;">三星</a>
									<a href="javascript:;">一米</a>
									<a href="javascript:;">葫芦娃</a>
									<a href="javascript:;">ticwatch</a>
								</div>
							</li>
							<div style="clear: both;"></div>
							<li>
								<p class="kind">vr眼镜</p>
								<div class="nav">
									<a href="javascript:;">幻影</a>
									<a href="javascript:;">暴风魔镜</a>
								</div>
							</li>
							<div style="clear: both;"></div>
							<li>
								<p class="kind">智能机器人</p>
								<div class="nav">
									<a href="javascript:;">小鱼在家</a>
									<a href="javascript:;">爱乐优</a>
									<a href="javascript:;">阿尔法</a>
								</div>
							</li>
							<div style="clear: both;"></div>
							<li>
								<p class="kind">无人机</p>
								<div class="nav">
									<a href="javascript:;">拍若特</a>
								</div>
							</li>
						</ul>
					</div>
				</li>
				<!---->
				<li>
					<h2 class="phone3">手机配件</h2>
					<div class="phonelist">
						<p>
							<a href="javascript:;">贴膜</a>
							<a href="javascript:;">保护套</a>
							<a href="javascript:;">电源</a>
							<a href="javascript:;">充电器</a>
						</p>
						<p>
							<a href="javascript:;">数据线</a>
							<a href="javascript:;">蓝牙耳机</a>
							<a href="javascript:;">手机耳机</a>
						</p>
					</div>
					<div class="box">
						<div style="overflow: hidden;">
							<a target="_blank" href="javascript:;" class="item">苹果 iPhone 7</a>
							<a target="_blank" href="javascript:;" class="item">苹果 iPhone 7plus</a>
							<a target="_blank" href="javascript:;" class="item">苹果 iPhone 6s</a>
						</div>
						<ul>
							<li>
								<p class="kind">熱搜配件</p>
								<div class="nav">
									<a href="javascript:;">保护套</a>
									<a href="javascript:;">移动电源</a>
									<a href="javascript:;">钢化膜</a>
									<a href="javascript:;">耳机</a>
									<a href="javascript:;">数据线</a>
									<a href="javascript:;">内存卡</a>
								</div>
							</li>
							<div style="clear: both;"></div>
							<li>
								<p class="kind">保护类</p>
								<div class="nav">
									<a href="javascript:;">手机壳</a>
									<a href="javascript:;">手机贴膜</a>
								</div>
							</li>
							<div style="clear: both;"></div>
							<li>
								<p class="kind">电源类</p>
								<div class="nav">
									<a href="javascript:;">充电线</a>
									<a href="javascript:;">充电宝</a>
									<a href="javascript:;">车充</a>
								</div>
							</li>
							<li>
								<p class="kind">音频类</p>
								<div class="nav">
									<a href="javascript:;">蓝牙耳机</a>
									<a href="javascript:;">运动耳机</a>
									<a href="javascript:;">入耳耳机</a>
									<a href="javascript:;">小米耳机</a>
									<a href="javascript:;">华为耳机</a>
									<a href="javascript:;">无线蓝牙耳机</a>
									<a href="javascript:;">音响</a>
								</div>
							</li>
							<li>
								<p class="kind">品牌推荐</p>
								<div class="nav">
									<a href="javascript:;">品胜</a>
									<a href="javascript:;">小米</a>
									<a href="javascript:;">闪迪</a>
									<a href="javascript:;">飞毛腿</a>
									<a href="javascript:;">三星</a>
									<a href="javascript:;">洛克</a>
								</div>
							</li>
						</ul>
					</div>
				</li>
				<li>
					<h2 class="phone4">平板专区</h2>
					<div class="phonelist">
						<p>
							<a href="javascript:;">华为</a>
							<a href="javascript:;">苹果</a>
							<a href="javascript:;">三星</a>
							<a href="javascript:;">小米</a>
						</p>
					</div>
					<div class="box">
						<div style="overflow: hidden;">
							<a target="_blank" href="javascript:;" class="item">苹果 iPhone 7</a>
							<a target="_blank" href="javascript:;" class="item">苹果 iPhone 7plus</a>
							<a target="_blank" href="javascript:;" class="item">苹果 iPhone 6s</a>
						</div>
						<ul>
							<li>
								<p class="kind">热门品牌</p>
								<div class="nav">
									<a href="javascript:;">苹果</a>
									<a href="javascript:;">小米</a>
									<a href="javascript:;">三星</a>
									<a href="javascript:;">华为</a>
								</div>
							</li>
							<div style="clear: both;"></div>
							<li>
								<p class="kind">价格区间</p>
								<div class="nav">
									<a href="javascript:;">3000-3999</a>
									<a href="javascript:;">4000-4999</a>
									<a href="javascript:;">5000以上</a>
								</div>
							</li>
							<div style="clear: both;"></div>
							<li>
								<p class="kind">搜索热门</p>
								<div class="nav">
									<a href="javascript:;">苹果 ipad pro</a>
									<a href="javascript:;">苹果 ipad pro2</a>
									<a href="javascript:;">苹果ipad mini</a>
								</div>
							</li>
						</ul>
					</div>
				</li>
				</ul>
				</h2>
				<ul class="menu">
					<li>
						<a href="index.html">首页</a>
					</li>
					<li>
						<a href="dmhshop.html">手机商城</a>
					</li>
					<li>
						<a href="peijianzhongxing.html" style="color: #EA4235 ;">配件专区</a>
					</li>
					<li>
						<a href="zy_shangpin.html">黑科技</a>
					</li>
					<li>
						<a href="qianggou.html">限时抢购</a>
					</li>
					<li>
						<a href="zy_help.html">帮助中心</a>
					</li>
				</ul>
				<div style="clear: both;"></div>

			</div>
		</div>
		<div id="peijian">
			<!--热卖配件开始-->
			<div class="peijian_hot">
				<h2 class="peijian_font">热卖配件</h2>
				<ul class="peijian_hotlist">
					<li>
						<a target="_blank" href="javascript:;" class="peijian_li_a">
							<img />
						</a>

						<p class="peijian_shop"></p>
						<div class="peijian_xx">
							<p class="peijian_jiage"></p>
							<a href="javascript:;" class="peijian_buybtn"></a>
						</div>
					</li>
					<li>
						<a target="_blank" href="javascript:;" class="peijian_li_a">
							<img  />
						</a>

						<p class="peijian_shop"></p>
						<div class="peijian_xx">
							<p class="peijian_jiage"></p>
							<a href="javascript:;" class="peijian_buybtn"></a>
						</div>
					</li>
					<li>
						<a target="_blank" href="javascript:;" class="peijian_li_a">
							<img />
						</a>

						<p class="peijian_shop"></p>
						<div class="peijian_xx">
							<p class="peijian_jiage"></p>
							<a href="javascript:;" class="peijian_buybtn"></a>
						</div>
					</li>
					<li>
						<a target="_blank" href="javascript:;" class="peijian_li_a">
							<img  />
						</a>

						<p class="peijian_shop"></p>
						<div class="peijian_xx">
							<p class="peijian_jiage"></p>
							<a href="javascript:;" class="peijian_buybtn"></a>
						</div>
					</li>
					<li>
						<a target="_blank" href="javascript:;" class="peijian_li_a">
							<img />
						</a>

						<p class="peijian_shop"></p>
						<div class="peijian_xx">
							<p class="peijian_jiage"></p>
							<a href="javascript:;" class="peijian_buybtn"></a>
						</div>
					</li>
				</ul>
			</div>
			<!--热卖配件结束-->
			<div style="clear: both;"></div>
			<!--充电类开始-->
			<div id="chongdian">
				<h2 class="chongdianlei_font">充电类</h2>
				<ul class="chongdianlei_xq">
					<li>
						<a target="_blank" class="chongdianlei_a" href="javascript:;">
							<div class="chongdianlei_photo">
								<img />
							</div>
							<p class="chongdianlei_biaoti"> </p>
						</a>
						<p class="chongdianlei_shuoming"></p>
						<div class="chongdianlei_xx">
							<p class="chongdianlei_xj"></p>
							<p class="chongdianlei_yj"></p>
						</div>
					</li>
					<li>
						<a target="_blank" class="chongdianlei_a" href="javascript:;">
							<div class="chongdianlei_photo">
								<img />
							</div>
							<p class="chongdianlei_biaoti"></p>
						</a>
						<p class="chongdianlei_shuoming"></p>
						<div class="chongdianlei_xx">
							<p class="chongdianlei_xj"></p>
							<p class="chongdianlei_yj"></p>
						</div>
					</li>
					<li>
						<a target="_blank" class="chongdianlei_a" href="javascript:;">
							<div class="chongdianlei_photo">
								<img />
							</div>
							<p class="chongdianlei_biaoti"></p>
						</a>
						<p class="chongdianlei_shuoming"></p>
						<div class="chongdianlei_xx">
							<p class="chongdianlei_xj"></p>
							<p class="chongdianlei_yj"></p>
						</div>
					</li>
					<li>
						<a target="_blank" class="chongdianlei_a" href="javascript:;">
							<div class="chongdianlei_photo">
								<img />
							</div>
							<p class="chongdianlei_biaoti"></p>
						</a>
						<p class="chongdianlei_shuoming"></p>
						<div class="chongdianlei_xx">
							<p class="chongdianlei_xj"></p>
							<p class="chongdianlei_yj"></p>
						</div>
					</li>
					<li style="border-bottom: 1px solid #DDDDDD;">
						<a target="_blank" class="chongdianlei_a" href="javascript:;">
							<div class="chongdianlei_photo">
								<img />
							</div>
							<p class="chongdianlei_biaoti"></p>
						</a>
						<p class="chongdianlei_shuoming"></p>
						<div class="chongdianlei_xx">
							<p class="chongdianlei_xj"></p>
							<p class="chongdianlei_yj"></p>
						</div>
					</li>
					<li style="border-bottom: 1px solid #DDDDDD;">
						<a target="_blank" class="chongdianlei_a" href="javascript:;">
							<div class="chongdianlei_photo">
								<img />
							</div>
							<p class="chongdianlei_biaoti"></p>
						</a>
						<p class="chongdianlei_shuoming"></p>
						<div class="chongdianlei_xx">
							<p class="chongdianlei_xj"></p>
							<p class="chongdianlei_yj"></p>
						</div>
					</li>
					<li style="border-bottom: 1px solid #DDDDDD;">
						<a target="_blank" class="chongdianlei_a" href="javascript:;">
							<div class="chongdianlei_photo">
								<img />
							</div>
							<p class="chongdianlei_biaoti"></p>
						</a>
						<p class="chongdianlei_shuoming"></p>
						<div class="chongdianlei_xx">
							<p class="chongdianlei_xj"></p>
							<p class="chongdianlei_yj"></p>
						</div>
					</li>
					<li style="border-bottom: 1px solid #DDDDDD;">
						<a target="_blank" class="chongdianlei_a" href="javascript:;">
							<div class="chongdianlei_photo">
								<img />
							</div>
							<p class="chongdianlei_biaoti"></p>
						</a>
						<p class="chongdianlei_shuoming"></p>
						<div class="chongdianlei_xx">
							<p class="chongdianlei_xj"></p>
							<p class="chongdianlei_yj"></p>
						</div>
					</li>
				</ul>
				<!--热销排行-->
				<div class="chongdianlei_rexiao">
					<h2 class="chongdianlei_righttit">热销排行</h2>
					<ul class="chongdianlei_rightlist">
						<li>
							<a target="_blank" class="cdph_a" href="javascript:;">
								<p class="chongdianlei_num1">1</p>
								<div class="chongdianlei_paihang_imgbox">
									<img />
								</div>
								<div class="chongdianlei_goodsinfobox">
									<p class="chongdianlei_info"></p>
									<p class="chongdianlei_price"></p>
								</div>
							</a>
						</li>
						<li>
							<a target="_blank" class="cdph_a" href="javascript:;">
								<p class="chongdianlei_num1" style="background-color: #9EC289;">2</p>
								<div class="chongdianlei_paihang_imgbox">
									<img />
								</div>
								<div class=" chongdianlei_goodsinfobox">
									<p class="chongdianlei_info"></p>
									<p class="chongdianlei_price"></p>
								</div>
							</a>
						</li>
						<li>
							<a target="_blank" class="cdph_a" href="javascript:;">
								<p class="chongdianlei_num1" style="background-color: #9EC289;">3</p>
								<div class="chongdianlei_paihang_imgbox">
									<img />
								</div>
								<div class=" chongdianlei_goodsinfobox">
									<p class="chongdianlei_info"></p>
									<p class="chongdianlei_price"></p>
								</div>
							</a>
						</li>
						<li>
							<a target="_blank" class="cdph_a" href="javascript:;">
								<p class="chongdianlei_num1" style="background-color: #BDC6D1;">4</p>
								<div class="chongdianlei_paihang_imgbox">
									<img />
								</div>
								<div class=" chongdianlei_goodsinfobox">
									<p class="chongdianlei_info"></p>
									<p class="chongdianlei_price"></p>
								</div>
							</a>
						</li>
						<li>
							<a target="_blank" class="cdph_a" href="javascript:;">
								<p class="chongdianlei_num1" style="background-color: #BDC6D1;">5</p>
								<div class="chongdianlei_paihang_imgbox">
									<img />
								</div>
								<div class=" chongdianlei_goodsinfobox">
									<p class="chongdianlei_info"> </p>
									<p class="chongdianlei_price"></p>
								</div>
							</a>
						</li>
					</ul>
				</div>
			</div>
			<!--充电类结束-->
			<!--保护类开始-->
			<div id="baohulei">
				<h2 class="baohulei_font">保护类</h2>
				<ul class="baohulei_xq">
					<li>
						<a target="_blank" class="baohulei_a" href="javascript:;">
							<div class="baohulei_photo">
								<img />
							</div>
							<p class="baohulei_biaoti"> </p>
						</a>
						<p class="baohulei_shuoming"></p>
						<div class="baohulei_xx">
							<p class="baohulei_xj"></p>
							<p class="baohulei_yj"></p>
						</div>
					</li>
					<li>
						<a target="_blank" class="baohulei_a" href="javascript:;">
							<div class="baohulei_photo">
								<img />
							</div>
							<p class="baohulei_biaoti"> </p>
						</a>
						<p class="baohulei_shuoming"></p>
						<div class="baohulei_xx">
							<p class="baohulei_xj"></p>
							<p class="baohulei_yj"></p>
						</div>
					</li>
					<li>
						<a target="_blank" class="baohulei_a" href="javascript:;">
							<div class="baohulei_photo">
								<img />
							</div>
							<p class="baohulei_biaoti"> </p>
						</a>
						<p class="baohulei_shuoming"></p>
						<div class="baohulei_xx">
							<p class="baohulei_xj"></p>
							<p class="baohulei_yj"></p>
						</div>
					</li>
					<li>
						<a target="_blank" class="baohulei_a" href="javascript:;">
							<div class="baohulei_photo">
								<img />
							</div>
							<p class="baohulei_biaoti"> </p>
						</a>
						<p class="baohulei_shuoming"></p>
						<div class="baohulei_xx">
							<p class="baohulei_xj"></p>
							<p class="baohulei_yj"></p>
						</div>
					</li>
					<li style="border-bottom: 1px solid #DDDDDD;">
						<a target="_blank" class="baohulei_a" href="javascript:;">
							<div class="baohulei_photo">
								<img />
							</div>
							<p class="baohulei_biaoti"> </p>
						</a>
						<p class="baohulei_shuoming"></p>
						<div class="baohulei_xx">
							<p class="baohulei_xj"></p>
							<p class="baohulei_yj"></p>
						</div>
					</li>
					<li style="border-bottom: 1px solid #DDDDDD;">
						<a target="_blank" class="baohulei_a" href="javascript:;">
							<div class="baohulei_photo">
								<img />
							</div>
							<p class="baohulei_biaoti"> </p>
						</a>
						<p class="baohulei_shuoming"></p>
						<div class="baohulei_xx">
							<p class="baohulei_xj"></p>
							<p class="baohulei_yj"></p>
						</div>
					</li>
					<li style="border-bottom: 1px solid #DDDDDD;">
						<a target="_blank" class="baohulei_a" href="javascript:;">
							<div class="baohulei_photo">
								<img />
							</div>
							<p class="baohulei_biaoti"> </p>
						</a>
						<p class="baohulei_shuoming"></p>
						<div class="baohulei_xx">
							<p class="baohulei_xj"></p>
							<p class="baohulei_yj"></p>
						</div>
					</li>
					<li style="border-bottom: 1px solid #DDDDDD;">
						<a target="_blank" class="baohulei_a" href="javascript:;">
							<div class="baohulei_photo">
								<img />
							</div>
							<p class="baohulei_biaoti"></p>
						</a>
						<p class="baohulei_shuoming"></p>
						<div class="baohulei_xx">
							<p class="baohulei_xj"></p>
							<p class="baohulei_yj"></p>
						</div>
					</li>
				</ul>
				<!--热销排行-->
				<div class="baohulei_rexiao">
					<h2 class="baohulei_righttit">热销排行</h2>
					<ul class="baohulei_rightlist">
						<li>
							<a target="_blank" class="bhph_a" href="javascript:;">
								<p class="baohulei_num1">1</p>
								<div class="baohulei_paihang_imgbox">
									<img />
								</div>
								<div class="baohulei_goodsinfobox">
									<p class="baohulei_info"> </p>
									<p class="baohulei_price"></p>
								</div>
							</a>
						</li>
						<li>
							<a target="_blank" class="bhph_a" href="javascript:;">
								<p class="baohulei_num1" style="background-color: #9EC289;">2</p>
								<div class="baohulei_paihang_imgbox">
									<img />
								</div>
								<div class="baohulei_goodsinfobox">
									<p class="baohulei_info"> </p>
									<p class="baohulei_price"></p>
								</div>
							</a>
						</li>
						<li>
							<a target="_blank" class="bhph_a" href="javascript:;">
								<p class="baohulei_num1" style="background-color: #9EC289;">3</p>
								<div class="baohulei_paihang_imgbox">
									<img />
								</div>
								<div class="baohulei_goodsinfobox">
									<p class="baohulei_info"> </p>
									<p class="baohulei_price"></p>
								</div>
							</a>
						</li>
						<li>
							<a target="_blank" class="bhph_a" href="javascript:;">
								<p class="baohulei_num1" style="background-color: #BDC6D1;">4</p>
								<div class="baohulei_paihang_imgbox">
									<img />
								</div>
								<div class="baohulei_goodsinfobox">
									<p class="baohulei_info"> </p>
									<p class="baohulei_price"></p>
								</div>
							</a>
						</li>
						<li>
							<a target="_blank" class="bhph_a" href="javascript:;">
								<p class="baohulei_num1" style="background-color: #BDC6D1;">5</p>
								<div class="baohulei_paihang_imgbox">
									<img />
								</div>
								<div class="baohulei_goodsinfobox">
									<p class="baohulei_info"></p>
									<p class="baohulei_price"></p>
								</div>
							</a>
						</li>
					</ul>
				</div>
			</div>
			<!--保护类结束-->
			<!--耳机类开始-->
			<div id="erjilei">
				<h2 class="erjilei_font">耳机类</h2>
				<ul class="erjilei_xq">
					<li>
						<a target="_blank" class=" erjilei_a" href="javascript:;">
							<div class="erjilei_photo">
								<img />
							</div>
							<p class="erjilei_biaoti"></p>
						</a>
						<p class="erjilei_shuoming"></p>
						<div class="erjilei_xx">
							<p class="erjilei_xj"></p>
							<p class="erjilei_yj"></p>
						</div>
					</li>
					<li>
						<a target="_blank" class=" erjilei_a" href="javascript:;">
							<div class="erjilei_photo">
								<img />
							</div>
							<p class=" erjilei_biaoti"> </p>
						</a>
						<p class="erjilei_shuoming"></p>
						<div class="erjilei_xx">
							<p class="erjilei_xj"></p>
							<p class="erjilei_yj"></p>
						</div>
					</li>
					<li>
						<a target="_blank" class=" erjilei_a" href="javascript:;">
							<div class="erjilei_photo">
								<img />
							</div>
							<p class="erjilei_biaoti"> </p>
						</a>
						<p class="erjilei_shuoming"></p>
						<div class="erjilei_xx">
							<p class="erjilei_xj"></p>
							<p class="erjilei_yj"></p>
						</div>
					</li>
					<li>
						<a target="_blank" class=" erjilei_a" href="javascript:;">
							<div class="erjilei_photo">
								<img />
							</div>
							<p class="erjilei_biaoti"> </p>
						</a>
						<p class="erjilei_shuoming"></p>
						<div class="erjilei_xx">
							<p class="erjilei_xj"></p>
							<p class="erjilei_yj"></p>
						</div>
					</li>
					<li style="border-bottom: 1px solid #DDDDDD;">
						<a target="_blank" class=" erjilei_a" href="javascript:;">
							<div class="erjilei_photo">
								<img />
							</div>
							<p class="erjilei_biaoti"> </p>
						</a>
						<p class="erjilei_shuoming"></p>
						<div class="erjilei_xx">
							<p class="erjilei_xj"></p>
							<p class="erjilei_yj"></p>
						</div>
					</li>
					<li style="border-bottom: 1px solid #DDDDDD;">
						<a target="_blank" class=" erjilei_a" href="javascript:;">
							<div class="erjilei_photo">
								<img />
							</div>
							<p class="erjilei_biaoti"> </p>
						</a>
						<p class="erjilei_shuoming"></p>
						<div class="erjilei_xx">
							<p class="erjilei_xj"></p>
							<p class="erjilei_yj"></p>
						</div>
					</li>
					<li style="border-bottom: 1px solid #DDDDDD;">
						<a target="_blank" class=" erjilei_a" href="javascript:;">
							<div class="erjilei_photo">
								<img />
							</div>
							<p class="erjilei_biaoti"> </p>
						</a>
						<p class="erjilei_shuoming"></p>
						<div class="erjilei_xx">
							<p class="erjilei_xj"></p>
							<p class="erjilei_yj"></p>
						</div>
					</li>
					<li style="border-bottom: 1px solid #DDDDDD;">
						<a target="_blank" class=" erjilei_a" href="javascript:;">
							<div class="erjilei_photo">
								<img />
							</div>
							<p class="erjilei_biaoti"> </p>
						</a>
						<p class="erjilei_shuoming"></p>
						<div class="erjilei_xx">
							<p class="erjilei_xj"></p>
							<p class="erjilei_yj"></p>
						</div>
					</li>

				</ul>
				<!--热销排行-->
				<div class="erjilei_rexiao">
					<h2 class="erjilei_righttit">热销排行</h2>
					<ul class="erjilei_rightlist">
						<li>
							<a target="_blank" class="ejph_a" href="javascript:;">
								<p class="erjilei_num1">1</p>
								<div class="erjilei_paihang_imgbox">
									<img />
								</div>
								<div class="erjilei_goodsinfobox">
									<p class="erjilei_info"> </p>
									<p class="erjilei_price"></p>
								</div>
							</a>
						</li>
						<li>
							<a target="_blank" class="ejph_a" href="javascript:;">
								<p class="erjilei_num1" style="background-color: #9EC289;">2</p>
								<div class="erjilei_paihang_imgbox">
									<img />
								</div>
								<div class="erjilei_goodsinfobox">
									<p class="erjilei_info"></p>
									<p class="erjilei_price"></p>
								</div>
							</a>
						</li>
						<li>
							<a target="_blank" class="ejph_a" href="javascript:;">
								<p class="erjilei_num1" style="background-color: #9EC289;">3</p>
								<div class="erjilei_paihang_imgbox">
									<img />
								</div>
								<div class="erjilei_goodsinfobox">
									<p class="erjilei_info"> </p>
									<p class="erjilei_price"></p>
								</div>
							</a>
						</li>
						<li>
							<a target="_blank" class="ejph_a" href="javascript:;">
								<p class="erjilei_num1" style="background-color: #BDC6D1;">4</p>
								<div class="erjilei_paihang_imgbox">
									<img />
								</div>
								<div class="erjilei_goodsinfobox">
									<p class="erjilei_info"> </p>
									<p class="erjilei_price"></p>
								</div>
							</a>
						</li>
						<li>
							<a target="_blank" class="ejph_a" href="javascript:;">
								<p class="erjilei_num1" style="background-color: #BDC6D1;">5</p>
								<div class="erjilei_paihang_imgbox">
									<img />
								</div>
								<div class="erjilei_goodsinfobox">
									<p class="erjilei_info"> </p>
									<p class="erjilei_price"></p>
								</div>
							</a>
						</li>
					</ul>
				</div>
			</div>
			<!--耳机类结束-->
			<!--尾部-->
			<div class="footer">
				<div class="footer_div1">
					<div class="footer_div1_top">
						<a href="javascript:;"><img src="img/footer/fuwu01.jpg" width="256" height="97" class="_top_a" /></a>
						<a href="javascript:;"><img src="img/footer/fuwu02.jpg" width="214" height="97" class="_top_a" /></a>
						<a href="javascript:;"><img src="img/footer/fuwu03.jpg" width="205" height="97" class="_top_a" /></a>
						<a href="javascript:;"><img src="img/footer/fuwu04.jpg" width="254" height="97" class="_top_a" /></a>
						<a href="javascript:;"><img src="img/footer/fuwu05.jpg" width="237" height="97" class="_top_a" /></a>
					</div>
					<div class="clear"></div>
					<div class="footer_div1_bottom">
						<dl class="footer_div1_bottom_left">
							<dt>购物指南</dt>
							<dd>
								<a href="javascript:;">购物流程</a>
							</dd>
							<dd>
								<a href="javascript:;">会员介绍</a>
							</dd>
							<dd>
								<a href="javascript:;">常见问题</a>
							</dd>
							<dd>
								<a href="javascript:;">联系客服</a>
							</dd>
						</dl>
						<dl class="footer_div1_bottom_left">
							<dt>支付方式</dt>
							<dd>
								<a href="javascript:;">快捷支付</a>
							</dd>
							<dd>
								<a href="javascript:;">分期付款</a>
							</dd>
							<dd>
								<a href="javascript:;">货到付款</a>
							</dd>
							<dd>
								<a href="javascript:;">门店支付</a>
							</dd>
						</dl>
						<dl class="footer_div1_bottom_left">
							<dt>物流配送</dt>
							<dd>
								<a href="javascript:;">到店自提</a>
							</dd>
							<dd>
								<a href="javascript:;">送货上门</a>
							</dd>
							<dd>
								<a href="javascript:;">物流查询</a>
							</dd>
						</dl>
						<dl class="footer_div1_bottom_left">
							<dt>售后服务</dt>
							<dd>
								<a href="javascript:;">退换货流程</a>
							</dd>
							<dd>
								<a href="javascript:;">退款说明</a>
							</dd>
							<dd>
								<a href="javascript:;">退换货申请</a>
							</dd>
							<dd>
								<a href="javascript:;">预约维修</a>
							</dd>
						</dl>
						<dl class="footer_div1_bottom_left">
							<dt>心服务</dt>
							<dd>
								<a href="javascript:;">投诉奖励</a>
							</dd>
							<dd>
								<a href="javascript:;">交通补助</a>
							</dd>
							<dd>
								<a href="javascript:;">十大免费</a>
							</dd>
						</dl>
						<div class="footer_div1_bottom_right">
							<div class="footer_div1_bottom_right_img"><img src="img/footer/quanguomendian_icon.png"></div>
							<strong id="footer_str_strong">身边黑科技</strong>
							<p id="p_p1">全国300个城市3000家门店为您提供最贴心的服务！</p>
							<div id="btn_n1"></div>
						</div>
						<div class="clear"></div>
					</div>

				</div>
				<div id="footer_last">
					<div class="footer_div2">
						<div id="footer_div2_top">
							<ul id="footer_div2_ul">
								<li>
									<a href="javascript:;">关于我们</a>
								</li>
								<li>
									<a href="javascript:;">联系我们</a>
								</li>
								<li>
									<a href="javascript:;">品牌专区</a>
								</li>
								<li>
									<a href="javascript:;">友情链接</a>
								</li>
								<li>
									<a href="javascript:;">迪粉社区</a>
								</li>
								<li id="lis">
									<a href="javascript:;">投诉建议</a>
								</li>
							</ul>
							<div class="clear"></div>
							<p>全国服务热线：400-700-8800 </p>
							<p>商务合作: jiaxiao@dixintong.com</p>
							<p id="last_p">Powered by DiXinTong©2001-2015京ICP备11010605号©2001-2015 DiXinTong Inc. 北京黑科技商贸股份有限公司</p>
						</div>
						<div id="erweima">
							<div id="ewm-z">
							</div>
							<div id="ewm_y">
								<p class="p1">黑科技客户端</p>
								<p class="p2">移动生活，私人订制</p>
								<div id="btn_n2">APP下载</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/base.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/av-min-2.1.2.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
		var currentUser;
			$(function() {
				init();
				currentUser = AV.User.current();      //判断用户是否登录
				panduan();
				update1();
				update2();
				update3();
				update4();
				
			});

			function update1() {
				var query = new AV.Query('leewell');
				query.find().then(function(products) {
					// 查询到商品后，在前端展示到相应的位置中。
					//热卖配件	
					$(".peijian_li_a").each(function(i) {
						$(".peijian_li_a").eq(i).attr("href", "lw_xq.html?id=" + products[i].attributes.bianhao);
					});
					
					$(".peijian_li_a").each(function(i) {
						$(".peijian_li_a").eq(i).children("img").attr("src", products[i].attributes.img[0]);
					});
					$(".peijian_shop").each(function(i) {
						$(".peijian_shop").eq(i).html(products[i].attributes.Title);
					})
					$(".peijian_jiage").each(function(i) {
						$(".peijian_jiage").eq(i).html("￥" + products[i].attributes.yuanjia);
					});
//					console.log(products)
				}).catch(function(error) {
					console.log(JSON.stringify(error));
				});
			};
			//充电类
			function update2() {
				var query = new AV.Query('leewell');
				query.equalTo("type", "chongdian")
				query.find().then(function(results) {
					// 查询到商品后，在前端展示到相应的位置中
					$(".chongdianlei_photo").each(function(i) {
						$(".chongdianlei_photo").eq(i).children("img").attr("src", results[i].attributes.img[0]);
					});
					$(".chongdianlei_biaoti").each(function(i){
						$(".chongdianlei_biaoti").eq(i).html(results[i].attributes.Title);
					});
					$(".chongdianlei_shuoming").each(function(i){
						$(".chongdianlei_shuoming").eq(i).html(results[i].attributes.Guanggao);
					});
					$(".chongdianlei_xj").each(function(i){
						$(".chongdianlei_xj").eq(i).html("￥"+results[i].attributes.cxj[0]);
					});
					$(".chongdianlei_yj").each(function(i){
						$(".chongdianlei_yj").eq(i).html("￥"+results[i].attributes.yuanjia);
					});
					
					$(".chongdianlei_a").each(function(i) {
						$(".chongdianlei_a").eq(i).attr("href", "lw_xq.html?id=" + results[i].attributes.bianhao);
					});
					
					$(".cdph_a").each(function(i) {
						$(".cdph_a").eq(i).attr("href", "lw_xq.html?id=" + results[i].attributes.bianhao);
					});
					//排行
					$(".chongdianlei_paihang_imgbox").each(function(i) {
						$(".chongdianlei_paihang_imgbox").eq(i).children("img").attr("src", results[i].attributes.img[2]);
					});
					$(".chongdianlei_info").each(function(i){
						$(".chongdianlei_info").eq(i).html(results[i].attributes.Title);
					});
					$(".chongdianlei_price").each(function(i){
						$(".chongdianlei_price").eq(i).html("￥"+results[i].attributes.cxj[0]);
					});
//					console.log(results)
				}).catch(function(error) {
					console.log(JSON.stringify(error));
				});
			};
			//保護類
			function update3() {
				var query = new AV.Query('leewell');
				query.equalTo("type", "baohu")
				query.find().then(function(results) {
					// 查询到商品后，在前端展示到相应的位置中
					$(".baohulei_photo").each(function(i) {
						$(".baohulei_photo").eq(i).children("img").attr("src", results[i].attributes.img[0]);
					});
					$(".baohulei_biaoti").each(function(i){
						$(".baohulei_biaoti").eq(i).html(results[i].attributes.Title);
					});
					$(".baohulei_shuoming").each(function(i){
						$(".baohulei_shuoming").eq(i).html(results[i].attributes.Guanggao);
					});
					$(".baohulei_xj").each(function(i){
						$(".baohulei_xj").eq(i).html("￥"+results[i].attributes.cxj[0]);
					});
					$(".baohulei_yj").each(function(i){
						$(".baohulei_yj").eq(i).html("￥"+results[i].attributes.yuanjia);
					});
					
					
					$(".baohulei_a").each(function(i) {
						$(".baohulei_a").eq(i).attr("href", "lw_xq.html?id=" + results[i].attributes.bianhao);
					});
					
					$(".bhph_a").each(function(i) {
						$(".bhph_a").eq(i).attr("href", "lw_xq.html?id=" + results[i].attributes.bianhao);
					});
					//排行
					
					$(".baohulei_paihang_imgbox").each(function(i) {
						$(".baohulei_paihang_imgbox").eq(i).children("img").attr("src", results[i].attributes.img[0]);
					});
					$(".baohulei_info").each(function(i){
						$(".baohulei_info").eq(i).html(results[i].attributes.Title);
					});
					$(".baohulei_price").each(function(i){
						$(".baohulei_price").eq(i).html("￥"+results[i].attributes.cxj[0]);
					});
//					console.log(results);
				}).catch(function(error) {
					console.log(JSON.stringify(error));
				});
			};
			//耳机类
			function update4() {
				var query = new AV.Query('leewell');
				query.equalTo("type", "erji")
				query.find().then(function(result) {
//					console.log(result);
					
					// 查询到商品后，在前端展示到相应的位置中
					$(".erjilei_photo").each(function(i) {
						$(".erjilei_photo").eq(i).children("img").attr("src", result[i].attributes.img[2]);
					});
					$(".erjilei_biaoti").each(function(i){
						$(".erjilei_biaoti").eq(i).html(result[i].attributes.Title);
					});
					$(".erjilei_shuoming").each(function(i){
						$(".erjilei_shuoming").eq(i).html(result[i].attributes.Guanggao);
					});
					$(".erjilei_xj").each(function(i){
						$(".erjilei_xj").eq(i).html("￥"+result[i].attributes.cxj[0]);
					});
					$(".erjilei_yj").each(function(i){
						$(".erjilei_yj").eq(i).html("￥"+result[i].attributes.yuanjia);
					});
					
					
					$(".erjilei_a").each(function(i) {
						$(".erjilei_a").eq(i).attr("href", "lw_xq.html?id=" + result[i].attributes.bianhao);
					});
					
					$(".ejph_a").each(function(i) {
						$(".ejph_a").eq(i).attr("href", "lw_xq.html?id=" + result[i].attributes.bianhao);
					});
					//排行
					
					$(".erjilei_paihang_imgbox").each(function(i) {
						$(".erjilei_paihang_imgbox").eq(i).children("img").attr("src", result[i].attributes.img[0]);
					});
					$(".erjilei_info").each(function(i){
						$(".erjilei_info").eq(i).html(result[i].attributes.Title);
					});
					$(".erjilei_price").each(function(i){
						$(".erjilei_price").eq(i).html("￥"+result[i].attributes.cxj[0]);
					});

				}).catch(function(error) {
					console.log(JSON.stringify(error));
				});
			};
				 //从云端获取首页的数据
			function getPageUrl() {
				var index = location.pathname.lastIndexOf("/") //获取当前页面
				var ret = location.pathname.substr(index + 1)
				return escape(ret)
			}
		</script>
	</body>

</html>